<template>
  <div class="container">
    <div class="chanpin">
      <div class="text text1">如果您的爱车不行丢失，您可以在服务页面的失窃上报中提交爱车失窃信息，我们平台将会立刻锁定您的爱车，车辆一旦锁定将无法再次启动！</div>
      <img class="shiqie1" src="../../../assets/Applet/shiqie1.png" alt="">

      <div class="wire"></div>
      <div class="text text1">填写您最后的用车时间，我们将会监控您的爱车在您最后一次用车之后所有的上报信息</div>
      <img class="shiqie2" src="../../../assets/Applet/shiqie2.png" alt="">
      <div class="wire"></div>
      <div class="text text1">一旦发现您的爱车有上报信息，我们将会第一时间发送到您小程序，您可以点击查看您爱车的上报位置；如果您已经找回您的爱车，可以直接点击"已找到车，解锁"按钮，解锁您的爱车</div>
      <img class="shiqie3" src="../../../assets/Applet/shiqie3.png" alt="">
    </div>
  </div>
</template>
<script>
import { Toast} from 'vant'
export default {
  components:{
    [Toast.name]:Toast
  },
  data(){
    return{

    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>

<style scoped lang="scss">
.container{
  width:100%;
  height:100%;
  text-align: left;
}
.title{
  padding-left:20px;
  font-size:17px;
  font-weight:500;
  line-height: 73px;
  color:#333;
}
.shiqie1{
  width:322px;
  height:165px;
  margin-left:20px;
  margin-bottom:20px;
}
.text{
  padding:0 20px;
  font-size:13px;
  line-height: 23px;
  color:#666;
}
.text1{
  margin-top:20px;
  margin-bottom:20px;
}
.wire{
  width:100%;
  height:8px;
  background:#f3f3f3;
}
.shiqie2{
  width:323px;
  height:283px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:20px;
}
.shiqie3{
  width:326px;
  height:600px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:20px;
}
</style>